案例-地区查询 .product { display: flex; flex-direction: row; flex-wrap: wrap; } .province, .city { width: 50%; } .province input, .city input { width: 80%; } input[type='button'].search { margin-left: 10px; } ...

URL .red, .blue, .green { font-weight: bold; } .red { color: red; } .blue { color: blue; } .green { color: green; } URL# 认识URL，知道作用及组成，方便与后端沟通 URL： ...

Ajax入门 Ajax入门# 定义：异步 JavaScript 和 XML，或 Ajax 本身不是一种技术，而是一种将一些现有技术结合起来使用的方法，包括：HTML 或 XHTML、CSS、JavaScript、DOM、XML、XSLT、以及最重要的 XMLHttpRequest 对象。当使用结合了这些技术的 Ajax 模型以后，网页应用能够快速地将增量更新呈现在用户界面上，而不需要重载（刷新）整个页面。这使得程序能够更快地回应用户的操作。Ajax 最吸引人的特性是它的“异步”性质，这意味着它可以与 服务器通信、动态交换数据并更新页面 ，而无需刷新页面。 ...

正则表达式 .error { color: red; } .error::before { content: '\e626'; font-family: 'iconfont'; } .right { color: green; } .right::before { font-family: 'iconfont'; content: '\e61f'; } .replace textarea { resize: none; ...

回调函数 回调函数# 若将函数A作为参数传递给函数B时，称函数A为 回调函数 即：当一个函数当做参数传递给另外一个函数时，这个函数就是回调函数(调用一个函数，里面的参数是一个函数，就要回头先调用这个参数的函数，再执行外层函数) 常见的使用场景： JavaScript // 1 function fn(){ console.log('回调函数在此！') } // fn传递给了setInterval，fn就是回调函数 setInterval(fn,1000) ...

逻辑中断 逻辑中断# 逻辑运算符里的短路# 短路：只存在于&&和||中，当满足一定条件会让右边代码不执行 符号 短路条件 && 左边为false就短路 ...

数据可视化 #firstEChartsBox, #secondEChartsBox, #third { height: 300px; background-color: var(--pink); } .outerib { display: flex; flex-direction: row; flex: 4; } .imgborder { flex: 1; height: 200px; border: 50px solid pink; ...

jQuery插件 #gallery-wrapper { position: relative; max-width: 75%; width: 75%; margin: 50px auto; } img.thumb { width: 100%; max-width: 100%; height: auto; } .white-panel { position: abso...

jQuery多库共存 jQuery多库共存# 问题描述：# jQuery使用 $ 作为标识符，随着jQuery的流行，其它的js库也会使用 $ 作为标识符，这样一起使用会引起冲突。 客观需求：# 需要一个解决方案，让jQuery和其它js库不存在冲突，可以同时存在，即多库共存。 jQuery解决方案：# 把里面的 ...